<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/jsp/include/taglibs.jsp"%>
<%@ page import="com.goodedeeds.webapp.controller.LoginAction" %>
<%@ page import="com.goodedeeds.webapp.controller.RegisterAction" %>
<%--@elvariable id="actionBean" type="com.goodedeeds.webapp.controller.Homeaction"--%>

<div class="quiggle-content">
    <div style="width: 50%; margin:  0 auto; color: red;">
        <stripes:errors action="<%=LoginAction.URL%>"/>
    </div>
    <div class="table login-table">
        <div class="tr">
            <div class="td login-c1">
                <%--<div class="intro">--%>
                    <%--<div class="intro-top">--%>
                        <%--<div style="font-size: 1.7em;">Introduces...</div>--%>
                        <%--<div style="font-size: 3em;">QUICK GLANCE LOG<br/><br/></div>--%>
                    <%--</div>--%>
                    <%--<div class="intro-bottom" style="font-size: 1.5em; line-height: 2; text-align: center;">--%>
                        <%--<span>The<br/></span>--%>
                        <%--<span>Fastest and Easiest<br/></span>--%>
                        <%--<span>Time and Money<br/></span>--%>
                        <%--<span>Management Software<br/></span>--%>
                    <%--</div>--%>
                <%--</div>--%>
            </div>
            <div class="td login-c2">
                <FIELDSET class="guestSignUpField">
                    <LEGEND>
                        <div class="signUpHeading">
                            <h2>Sign Up</h2>
                        </div>
                    </LEGEND>
                    <div class="qgHomeSignUpTable">
                        <stripes:form action="<%=RegisterAction.URL%>">
                            <table cellspacing="0" cellpadding="3">
                                <tbody>
                                <tr>
                                    <td colspan="2" style="color: red;">
                                       <stripes:errors field="firstName">  
		 <stripes:errors-header><div class="errorHeader"></div><ul></stripes:errors-header>  
		 <li><stripes:individual-error/></li>  
		 <stripes:errors-footer></ul></stripes:errors-footer>  
		 </stripes:errors> 
		<stripes:errors field="lastName">  
			 <stripes:errors-header><div class="errorHeader"></div><ul class="validerror"></stripes:errors-header>  
			 <li><stripes:individual-error/></li>  
			 <stripes:errors-footer></ul></stripes:errors-footer>  
		</stripes:errors> 
		<stripes:errors field="email">  
			 <stripes:errors-header><div class="errorHeader"></div><ul class="validerror"></stripes:errors-header>  
			 <li><stripes:individual-error/></li>  
			 <!--<li class="error" style="border:none;">E-mail is mandatory</li>-->
			 <stripes:errors-footer></ul></stripes:errors-footer>  
		</stripes:errors> 
			<stripes:errors field="password">  
				 <stripes:errors-header><div class="errorHeader"></div><ul class="validerror"></stripes:errors-header>  
				 <li><stripes:individual-error/></li>  
				 <stripes:errors-footer></ul></stripes:errors-footer>  
			</stripes:errors> 
			<stripes:errors field="password2">  
				 <stripes:errors-header><div class="errorHeader"></div><ul class="validerror"></stripes:errors-header>  
				 <!--<li><stripes:individual-error/></li>  -->
				 <li class="error" style="border:none;">Retype Password is mandatory</li>
				 <stripes:errors-footer></ul></stripes:errors-footer>  
			</stripes:errors> 
			<stripes:errors field="referral">  
				 <stripes:errors-header><div class="errorHeader"></div><ul class="validerror"></stripes:errors-header>  
				 <!--<li><stripes:individual-error/></li>  -->
				 <li class="error" style="border:none;">How did you hear about us? is mandatory</li>
				 <stripes:errors-footer></ul></stripes:errors-footer>  
			</stripes:errors>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="homeSignUpLabel"><label class="required" for="register-fname">First Name:</label></td>
                                    <td class="homeSignUpInput"><stripes:text name="firstName" id="register-fname"/></td>
                                </tr>
                                <tr>
                                    <td class="homeSignUpLabel"><label class="required" for="register-lname">Last Name:</label></td>
                                    <td class="homeSignUpInput"><stripes:text name="lastName" id="register-lname"/></td>
                                </tr>
                                <tr>
                                    <td class="homeSignUpLabel"><label class="required" for="register-email">E-mail:</label></td>
                                    <td class="homeSignUpInput">
                                        <stripes:text name="email" id="register-email" value="${actionBean.email}"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="homeSignUpLabel"><label class="required" for="register-password">Password:</label></td>
                                    <td class="homeSignUpInput"><stripes:password name="password" id="register-password"/></td>
                                </tr>
                                <tr>
                                    <td class="homeSignUpLabel"><label class="required" for="register-password">Retype Password:</label></td>
                                    <td class="homeSignUpInput"><stripes:password name="password2" id="register-password2"/></td>
                                </tr>
                                <tr>
                                    <td class="homeSignUpLabel"><label class="required" for="referral">How did you hear about us? </label></td>
                                    <td class="homeSignUpInput"><stripes:text name="referral" id="referral"/></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        By clicking Sign Up, you agree to our <a href="/terms.html">Terms</a>
                                        and that you have read and understand our <a href="/policy.html">Policy</a>.
                                    </td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td><stripes:submit name="register" value="Sign Up" class="registerButton"/></td>
                                </tr>
                                </tbody>
                            </table>
                        </stripes:form>
                    </div>
                </FIELDSET>
            </div>
        </div>
    </div>
</div>
<style>
.validerror li{margin-top:-7px;}
</style>